// pages/componentSm/myPersonal/myPersonal.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },
  options: {
    addGlobalClass: true,
  },

  /**
   * 组件的初始数据
   */
  data: {
    userInfo: {   //用户头像及昵称
      "head": "../../../images/head.png",
      "nickname": "蓝蜗牛热热"
    },
    img: [   //收藏和足迹的icon
      "../../../images/collect.png",
      "../../../images/footprint.png"
    ],
    noThing: [  //无收藏和无足迹的数据
      {
        img: "../../../images/noCol.jpg",
        text: "收藏"
      },
      {
        img: "../../../images/noFt.jpg",
        text: "足迹"
      },
    ],
    myDatas:[
      {
        "id":0,
        "title":"我的收藏",
        "state":false
      },
      {
        "id":1,
        "title":"我的足迹",
        "state":false
      }
    ],
    myCols: [  //我的收藏
      {
        "id": '0',
        "state": false,
        "topTime": "2018年12月19日 13:15",
        "img": "../../../images/1.jpg",
        "title": "1站在牛市开端 蓝筹股依然有较大上涨空间1站在牛市开端 蓝筹股依然有较大上涨空间 ",
        "website": "凤凰网财经",
        "time": "1分钟前",
        "hotNum": "220",
        "collectNum": "200"
      },
      {
        "id": '1',
        "state": false,
        "topTime": "2018年12月19日 13:15",
        "title": "2站在牛市开端 蓝筹股依然有较大上涨空间 ",
        "website": "凤凰网财经",
        "time": "1分钟前",
        "hotNum": "220",
        "collectNum": "200"
      },
      {
        "id": '2',
        "state": false,
        "topTime": "2018年12月19日 13:15",
        "img": "../../../images/1.jpg",
        "title": "3站在牛市开端 蓝筹股依然有较大上涨空间 ",
        "website": "凤凰网财经",
        "time": "1分钟前",
        "hotNum": "220",
        "collectNum": "200"
      },
      {
        "id": '3',
        "state": false,
        "topTime": "2018年12月19日 13:15",
        "img": "../../../images/1.jpg",
        "title": "4站在牛市开端 蓝筹股依然有较大上涨空间 ",
        "website": "凤凰网财经",
        "time": "1分钟前",
        "hotNum": "220",
        "collectNum": "200"
      }
    ],
    myFts: [  //我的足迹
      {
        "id": '0',
        "state": false,
        "topTime": "2018年12月19日 13:15",
        "img": "../../../images/1.jpg",
        "title": "21站在牛市开端 蓝筹股依然有较大上涨空间1站在牛市开端 蓝筹股依然有较大上涨空间 ",
        "website": "凤凰网财经",
        "time": "1分钟前",
        "hotNum": "220",
        "collectNum": "200"
      },
      {
        "id": '1',
        "state": false,
        "topTime": "2018年12月19日 13:15",
        "title": "22站在牛市开端 蓝筹股依然有较大上涨空间 ",
        "website": "凤凰网财经",
        "time": "1分钟前",
        "hotNum": "220",
        "collectNum": "200"
      },
      {
        "id": '2',
        "state": false,
        "topTime": "2018年12月19日 13:15",
        "img": "../../../images/1.jpg",
        "title": "23站在牛市开端 蓝筹股依然有较大上涨空间 ",
        "website": "凤凰网财经",
        "time": "1分钟前",
        "hotNum": "220",
        "collectNum": "200"
      },
      {
        "id": '3',
        "state": false,
        "topTime": "2018年12月19日 13:15",
        "img": "../../../images/1.jpg",
        "title": "24站在牛市开端 蓝筹股依然有较大上涨空间 ",
        "website": "凤凰网财经",
        "time": "1分钟前",
        "hotNum": "220",
        "collectNum": "200"
      }
    ],
    colNum:0,  //收藏的数量
    ftNum:0, //足迹的数量
  },

  lifetimes: {
    attached() {
      // 在组件实例进入页面节点树时执行
      this.mycolNum();
    },
    detached() {
      // 在组件实例被从页面节点树移除时执行
    },
  },

  /**
   * 组件的方法列表
   */
  methods: {
    //我的收藏、我的足迹展开收起
    showHidden(e) {
      let {myDatas} = this.data;
      let id=e.currentTarget.dataset.id;
      myDatas[id].state = !myDatas[id].state;
      this.setData({
        myDatas
      })
    },
    //收藏的数量和我的足迹的数量
    mycolNum(){
      let { myCols, myFts, colNum, ftNum} = this.data;
      this.setData({
        colNum: myCols.length,
        ftNum: myFts.length
      })
    }
  }
})
